//out:../css/
@import "./base.less";
@rootSize: 37.5rem;

//头部
header {
  display: flex;
  justify-content: space-between;
  padding: 0 (15/@rootSize);
  height: (44/@rootSize);
  line-height: (44/@rootSize);
  // background-color: pink;

  .icon-left {
    font-size: (22/@rootSize);
  }

  h2 {
    margin-right: (-15/@rootSize);
    font-size: (17/@rootSize);
  }

  .note {
    font-size: (15/@rootSize);
    color: #2CB5A5;
  }
}

//banner
.banner {
  text-align: center;
  margin-top: (30/@rootSize);
  margin-bottom: (34/@rootSize);

  img {
    width: (240/@rootSize);
    height: (206/@rootSize);
    margin-bottom: (18/@rootSize);
  }

  p {
    font-size: (16/@rootSize);

    span {
      color: #16C2A3;
    }
  }

}

//type
ul {
  padding-left: (15/@rootSize);
  padding-right: (15/@rootSize);

  li {
    height: (78/@rootSize);
    border: (1/@rootSize) solid #EDEDED;
    margin-bottom: (15/@rootSize);
    padding: 0 (15 / @rootSize);
    border-radius: (4 / @rootSize);

    a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: (78 / @rootSize);

      .pic {
        img {
          width: (40/@rootSize);
          height: (40/@rootSize);
        }
      }

      .text {
        flex: 1;
        margin-left: (14/@rootSize);

        h3 {
          font-size: (16/@rootSize);
          color: #3C3E42;
          line-height: (24 / @rootSize);
        }

        p {
          font-size: (13/@rootSize);
          color: #848484;
        }
      }

      .iconfont {
        font-size: (16/@rootSize);
      }
    }
  }
}